<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    let div = document.createElement('div');
    let loop = setInterval(() => {
        console.log(div);
        console.clear();
    });

    // 监听id，当有人访问到div对象的id时，触发的事件。
    // 当我们打开浏览器并且输入console.log(div)时，chrome dev tool默认会打印（访问）DOM对象的id。这是一个细节。所以就会触发这个事件
    Object.defineProperty(div,"id", {get: () => {
        clearInterval(loop);
        alert("打开了调试框!");
    }});
  </script>
</body>
</html>